<template>
	<view class="main">
		<gui-a-header title="职业测评报告" bg="transparent"></gui-a-header>
		<view class="warp">
			<view class="title f32 gui-bold cfff mt40">
				我的职业性格
			</view>
			<view class="card bgfff">
				<view class="sgin_title f24 cfff">
					团队意识
				</view>
				<view class="con">
					能与团队融洽合作，也能独自处理问题,大多数时候能关心理解他人，站在他人的角度考虑问题,较温和、友善，通常能与他人和谐相处能与团队融洽合作，也能独自处理问题,大多数时候能关心理解他人，站在他人的角度考虑问题,较温和、友善，通常能与他人和谐相处
				</view>
			</view>
			<view class="card bgfff">
				<view class="sgin_title f24 cfff">
					创新能力
				</view>
				<view class="con">
					面对新问题能快速学习，享受学习的乐趣，相比抽象的概念，更倾向于关注经验和具体的事物面对新问题能快速学习，享受学习的乐趣，相比抽象的概念，更倾向于关注经验和具体的事物面对新问题能快速学习，享受学习的乐趣，相比抽象的概念，更倾向于关注经验和具体的事物
				</view>
			</view>
			<view class="title f32 gui-bold cfff mt40">
				我的面试优势
			</view>
			<view class="card bgfff">
				<view class="con">
					面对新问题能快速学习，享受学习的乐趣，相比抽象的概念，更倾向于关注经验和具体的事物面对新问题能快速学习，享受学习的乐趣，相比抽象的概念，更倾向于关注经验和具体的事物面对新问题能快速学习
				</view>
			</view>
			<view class="title f32 gui-bold cfff mt40">
				职业建议
			</view>
			<view class="card bgfff">
				<view class="con">
					面对新问题能快速学习，享受学习的乐趣，相比抽象的概念，更倾向于关注经验和具体的事物面对新问题能快速学习，享受学习的乐趣，相比抽象的概念，更倾向于关注经验和具体的事物面对新问题能快速学习，相比抽象的概念，更倾向于关注经验和具体的事物面对新问题能快速学习
				</view>
			</view>
			<view style="height: 120rpx;">
				
			</view>
		</view>
		<view class="bot_warp gui-flex">
			<view class="item line f24 gui-bold" @click="$u.to('/pages/index/index', 'switchTab')">
				返回首页
			</view>
			<view class="item f24 gui-bold" @click="$u.to('/pages/index/evaluation/answer', 'redirectTo')">
				重新测评
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive,
		inject
	} from 'vue'
	import {
		onLoad
	} from '@dcloudio/uni-app'
	const $u = reactive(inject('$u'))
</script>

<style lang="scss">
	.main {
		position: relative;
		background: linear-gradient(180deg, #0034C7 0%, #4072FE 100%);
	}
	
	.title {
		padding: 23rpx;
		text-align: center;
	}
	
	.card {
		width: 672rpx;
		margin: 0 auto;
		min-height: 200rpx;
		border-radius: 14rpx;
		padding-top: 32rpx;
		padding-bottom: 39rpx;
		margin-bottom: 20rpx;
		
		.sgin_title {
			width: 151rpx;
			height: 45rpx;
			background: linear-gradient( 180deg, #0034C7 0%, #4072FE 100%);
			margin-bottom: 32rpx;
			line-height: 45rpx;
			text-align: center;
		}
		
		.con {
			padding: 0 28rpx;
			line-height: 44rpx;
		}
	}
	
	.bot_warp {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 90rpx;
		background-color: #fff;
		z-index: 99;
		
		.item {
			width: 50%;
			text-align: center;
			line-height: 90rpx;
			color: #4072FE;
			position: relative;
			
			&.line::after {
				content: '';
				position: absolute;
				right: 0;
				width: 1rpx;
				height: 90rpx;
				background-color: #CCCCCC;
			}
		}
	}
</style>